<!doctype html>
<html lang="en" ng-app="app">
<head>
  <meta charset="utf-8">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="mobile-web-app-capable" content="yes">

  <title>投诉/建议</title>  
  
  <link rel="stylesheet" href="/static/weixin/css/app.css">
  
  <script src="/static/weixin/js/config.js"></script>

  <script src="/static/weixin/js/zarpemain.js"></script>


  <script src="/static/weixin/js/complaint.js"></script>

  <script>
    ons.ready(function() {
    });
  </script>
</head>

<body>
  <ons-page ng-controller="ComplaintController">
    <div class="list-header">投诉主题</div>
    <ons-list modifier="inset" style="margin-top:10px">
      <ons-list-item modifier="chevron" ng-click="showDialog('subjectList.html')" modifier="tappable">
        {{selectedSubject}}
      </ons-list-item>
    </ons-list>
    <div class="list-header">投诉内容</div>
    <ons-list modifier="inset" style="margin-top:10px">
      <ons-list-item>
        <textarea class="textarea textarea--transparent" ng-model="content" placeholder="请填写投诉具体内容" style="width: 100%; height: 100px;"></textarea>
      </ons-list-item>
    </ons-list>
    <div style="padding: 10px 9px">
      <ons-button modifier="large" style="margin: 0 auto;" ng-click="submitComplaint()">
        提交
      </ons-button>
    </div>
  </ons-page>

  <ons-template id="subjectList.html" >
    <ons-dialog var="subjectList" ng-controller="SubjectListController">
      <ons-list>
        <ons-list-item ng-repeat="s in subjects" ng-click="selectSubject(s)" modifier="tappable">{{s}}</ons-list-item>
      </ons-list>
    </ons-dialog>
  </ons-template>
</body>
</html>
